<template lang="pug">
    .no-wrap
        .conts-warp
            .top
                el-input(placeholder="输入关键字" v-model="problemName" clearable maxlength='300' @keyup.enter.native="searchChange()" class="search-in")
                    template(#append)
                        el-button(:icon="Search" @click="searchChange()" class="search-but") 搜索
                el-button.top-float(icon="el-icon-folder-opened" @click="iconOpenCollect()" class="search-but") 收藏文件夹
                //- ul.search-list(:style="{height}")
                    li.search-li(v-for="(item, index) in searchlist")
                        .label {{item.label}}
                        ul.search-l-wrap
                            li.search-l(v-for="it in item.children" :class="{active:it.active}" @click="checkSearch(it,item.children, index)") {{it.label}}
                    .toogle(@click="togSearchList()" :class="{active:height == '186px'}")
                //- 上分割线-------------------------------------------------------------------------------------------------------------------------------------------------
                ul.search-list
                    li.search-li(v-for="(item, index) in searchlist")
                        .label {{item.label}}
                        ul.search-l-wrap
                            li.search-l(v-for="it in item.children" :class="{active:it.active}" @click="checkSearch(it,item.children, index)") {{it.label}}
                //- 动态的索引
                ul.search_list_dongtai(v-if="checklabel == '选址选线'")
                    li.search-li(v-for="(item, index) in searchlist1")
                        .label_1 {{item.label}}
                        ul.search-l-wrap
                            li.search-l(v-for="it in item.children" :class="{active:it.active}" @click="checkSearch1(it,item.children, index)") {{it.label}}
                ul.search_list_dongtai(v-if="checklabel == '可研'")
                    li.search-li(v-for="(item, index) in searchlist2")
                        .label_1 {{item.label}}
                        ul.search-l-wrap
                            li.search-l(v-for="it in item.children" :class="{active:it.active}" @click="checkSearch1(it,item.children, index)") {{it.label}}
                ul.search_list_dongtai(v-if="checklabel == '初设'")
                    li.search-li(v-for="(item, index) in searchlist3")
                        .label_1 {{item.label}}
                        ul.search-l-wrap
                            li.search-l(v-for="it in item.children" :class="{active:it.active}" @click="checkSearch1(it,item.children, index)") {{it.label}}
                ul.search_list_dongtai(v-if="checklabel == '施工图'")
                    li.search-li(v-for="(item, index) in searchlist4")
                        .label_1 {{item.label}}
                        ul.search-l-wrap
                            li.search-l(v-for="it in item.children" :class="{active:it.active}" @click="checkSearch1(it,item.children, index)") {{it.label}}
                ul.search_list_dongtai(v-if="checklabel == '竣工图' ")
                    li.search-li(v-for="(item, index) in searchlist5")
                        .label_1 {{item.label}}
                        ul.search-l-wrap
                            li.search-l(v-for="it in item.children" :class="{active:it.active}" @click="checkSearch1(it,item.children, index)") {{it.label}}
                //-  下分割线-------------------------------------------------------------------------------------------------------------------------------------------------
            .bot
                .right.knowloedgeCenter
                    ul.pro-w
                        li.pro-i(v-for="item in proList")
                            .img-w(@click="viewPdf(item)")
                                img(:src="item.src")
                            .pro-tit(:title="item.fileName") {{item.fileName}}
                            .pro-key
                                template(v-for="it in item.keyList")
                                    span {{it}}
                            .pro-cont
                                .label 工程名称:
                                .value(:title="item.projectName") {{item.projectName}}
                            .pro-cont
                                .label 创建时间:
                                .value {{item.uploadTime}}
                            .pro-cont
                                .label 文件大小:
                                .value {{item.fileSize | fileSize}}
                            .pro-button
                                el-button(icon="el-icon-download" @click="iconDownloadClick(item)" class="search-but") 下载
                                el-button(:icon="item.iconStarOff" @click="iconStarOffClick(item)" class="search-but")
                                    span(v-if="item.iconStarOff == 'el-icon-star-off'") 收藏
                                    span(v-else) 取消收藏
                    //- Pagination(
                    //-     :page='page'
                    //-     small="small"
                    //-     :pageSizes=[12]
                    //-     @handleChange='pageChange'
                    //- )
        //-sheetView2(ref="sheetView2")
        //-pdfView(ref="pdfView")
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { Search } from '@element-plus/icons-vue'
// import api from '@api/home'
// import Pagination from '@src/component/pagination'
// import api from '@api/drawingFile'
// import apiPdf from '@api/handover'
// import userUtils from '@utils/userUtils'
// import pdfView from '@src/component/pdfView'
// const config = window.Config
import pdf from './image/pdf.png'
import word from './image/word.png'
import doc from './image/word.png'
import docx from './image/word.png'
import excel from './image/excel.png'
import rar from './image/rar.png'
import gim from './image/gim.png'
import tif from './image/tif.png'
import zip from './image/zip.png'
import ceb from './image/ceb.png'
import ofd from './image/ofd.png'
import zwzj from './image/zwzj.png'
import tongyong from './image/通用.png'
// import enumeration from '@api/enumeration' //枚举api
// import sheetView2 from './sheetView2'
const problemName = ref('')
const width = ref(80)
const left = ref('50%')
const top = ref('50%')
const height = ref('186px')
const searchlist = ref([
    { label: '建管单位：', children: [{ label: '不限' }, { label: '南京' }, { label: '苏州' }, { label: '无锡' }, { label: '徐州' }, { label: '常州' }, { label: '镇江' }, { label: '扬州' }, { label: '泰州' }, { label: '南通' }, { label: '盐城' }, { label: '淮安' }, { label: '宿迁' }, { label: '连云港' }] },
    { label: '电压等级：', children: [{ label: '10kV' }, { label: '35kV' }, { label: '110kV' }, { label: '220kV' }, { label: '500kV' }, { label: '750kV' }, { label: '1000kV' }, { label: '±200kV' }, { label: '±400kV' }, { label: '±500kV' }, { label: '±800kV' }] },
    { label: '阶段：', children: [{ label: '不限' }, { label: '选址选线' }, { label: '可研' }, { label: '初设' }, { label: '施工图' }, { label: '竣工图' }] }
])
const searchlist1 = ref([
    { label: '', children: [{ label: '不限' }, { label: '规划设计' }, { label: '系统设计' }, { label: '可研设计要点' }, { label: '现场踏勘资料' }] }
])
const searchlist2 = ref([
    { label: '', children: [{ label: '不限' }, { label: '核心指标' }, { label: '支撑性材料' }] }
])
const searchlist3 = ref([
    { label: '', children: [{ label: '不限' }, { label: '核心指标' }, { label: '支撑性材料' }] },
    { label: '变电：', children: [{ label: '不限' }, { label: '系统一次' }, { label: '变电一次' }, { label: '变电二次' }, { label: '变电土建' }, { label: '通信' }] },
    { label: '架空线路：', children: [{ label: '不限' }, { label: '线路电气' }, { label: '线路结构' }] },
    { label: '电缆线路：', children: [{ label: '不限' }, { label: '线路电气' }, { label: '线路结构' }] }
])
const searchlist4 = ref([
    { label: '', children: [{ label: '不限' }, { label: '核心指标' }, { label: '支撑性材料' }] },
    { label: '变电：', children: [{ label: '不限' }, { label: '变电一次' }, { label: '变电二次' }, { label: '变电新建' }, { label: '通信' }] },
    { label: '架空线路：', children: [{ label: '不限' }, { label: '线路电气' }, { label: '线路结构' }] },
    { label: '电缆线路：', children: [{ label: '不限' }, { label: '线路电气' }, { label: '线路结构' }] }
])
const searchlist5 = ref([
    { label: '', children: [{ label: '不限' }, { label: '核心指标' }, { label: '支撑性材料' }] },
    { label: '变电：', children: [{ label: '不限' }, { label: '变电一次' }, { label: '变电二次' }, { label: '变电新建' }, { label: '通信' }] },
    { label: '架空线路：', children: [{ label: '不限' }, { label: '线路电气' }, { label: '线路结构' }] },
    { label: '电缆线路：', children: [{ label: '不限' }, { label: '线路电气' }, { label: '线路结构' }] }
])
const checklabel = ref('')
const proList = ref([])
const iconStarOff = ref('el-icon-star-off')
const findMyCollectsArr = ref([])
const page = ref({
    total: 0,
    pageSize: 15,
    currentPage: 1
})
const activeArr = ref([])
const findFileList = ref([])

onMounted(()=>{
    activeArr.value = localStorage.getItem('arrName') ? JSON.parse(localStorage.getItem('arrName')) : []
    searchlist.value.forEach(val => {
        val.children.forEach(va => {
            va.active = false
        })
        // val.children[0].active = true
    })
    searchlist.value[0].children[1].active = true
    searchlist.value[1].children[2].active = true
    searchlist.value[2].children[0].active = true
    searchChange()
    if (activeArr.value && activeArr.value.length > 0){
        activeArr.value.forEach((item) => {
            if (item.index !== 1){
                searchlist.value[item.index].children[0].active = false
                searchlist.value[item.index].children.forEach(t => {
                    if (t.label === item.label){
                        // this.$set(t, 'active', true)
                        t.active = true
                    }
                })
            } else {
                searchlist.value[1].children[1].active = false
                searchlist.value[1].children.forEach(t => {
                    if (t.label === item.label){
                        t.active = true
                    }
                })
            }
        })
    }
    // this.findFileListOrderByView()
    problemName.value = localStorage.getItem('pName') ? localStorage.getItem('pName') : ''
})
const searchChange = () =>{
    let str = problemName.value
    console.log(str)
    let keys = []
    // 固定的索引拼接查询参数
    searchlist.value.forEach(val => {
        val.children.forEach(va => {
            let labelVal = va.label
            if (labelVal.indexOf('kV') > -1){
                labelVal = labelVal.replace('kV', '')
            }
            if (va.active && labelVal != '不限'){
                str += ' ' + labelVal
                keys.push(va.label)
            }
        })
    })
    // 动态的索引拼接查询参数
    if (checklabel.value == '选址选线'){
        searchlist2.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist3.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist4.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist5.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist1.value.forEach(val => {
            val.children.forEach(va => {
                let labelVal = va.label
                if (va.active && labelVal != '不限'){
                    str += ' ' + labelVal
                    keys.push(va.label)
                }
            })
        })
    }
    if (checklabel.value == '可研'){
        searchlist1.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist3.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist4.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist5.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist2.value.forEach(val => {
            val.children.forEach(va => {
                let labelVal = va.label
                if (va.active && labelVal != '不限'){
                    str += ' ' + labelVal
                    keys.push(va.label)
                }
            })
        })
    }
    if (checklabel.value == '初设'){
        searchlist1.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist2.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist4.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist5.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist3.value.forEach(val => {
            val.children.forEach(va => {
                let labelVal = va.label
                if (va.active && labelVal != '不限'){
                    str += ' ' + labelVal
                    keys.push(va.label)
                }
            })
        })
    }
    if (checklabel.value == '施工图'){
        searchlist1.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist2.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist3.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist5.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist4.value.forEach(val => {
            val.children.forEach(va => {
                let labelVal = va.label
                if (va.active && labelVal != '不限'){
                    str += ' ' + labelVal
                    keys.push(va.label)
                }
            })
        })
    }
    if (checklabel.value == '竣工图'){
        searchlist1.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist2.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist3.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist4.value.forEach(val => {
            val.children.forEach(va => {
                va.active = false
            })
        })
        searchlist5.value.forEach(val => {
            val.children.forEach(va => {
                let labelVal = va.label
                if (va.active && labelVal != '不限'){
                    str += ' ' + labelVal
                    keys.push(va.label)
                }
            })
        })
    }
    let res = [
        {
            id: 'f7efa4db-e67f-4bcd-8129-75ac092f5424',
            fileId: '90cbde9610944b5184ea8e7983a6123e',
            fileName: '110kV黄山110kV变电站新建工程初步设计阶段.gim',
            documentLabel: '110kV黄山110kV变电站新建工程初步设计阶段.gim;熊熊设计院;三维设计模型;数据中心数据贯通测试-变电站;202211210101;数据中心数据贯通-1;2022112101;施工图阶段;南京供电公司;AC330kV;南京市;变电',
            fileType: 'gim',
            fileSize: '2167266',
            uploadTime: '2022-11-21',
            filePath: '/datacenter/workingDir//transferDir/76bdc568-6d77-4687-884a-239335dad983/110kV黄山110kV变电站新建工程初步设计阶段.gim',
            projectName: '数据中心数据贯通测试-变电站',
            projectCreateTime: '2022-11-21 11:04:55',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '875b9339-6478-4f0b-b782-3aac0cd04f84',
            fileId: '51f9c5e491664037a8bf75bb5cbc1246',
            fileName: '110kV白沙110千伏变电站新建工程初步设计阶段.gim',
            documentLabel: '110kV白沙110千伏变电站新建工程初步设计阶段.gim;熊熊设计院;三维设计模型;1128与数据中心数据贯通回归-变电站;202211280101;1128与数据中心数据贯通回归;2022112801;初设阶段;南京供电公司;AC220kV;南京市;变电',
            fileType: 'gim',
            fileSize: '22798181',
            uploadTime: '2022-11-29',
            filePath: '/datacenter/workingDir//transferDir/f09ea528-ac25-4c02-a4e7-1030768b4c56/110kV白沙110千伏变电站新建工程初步设计阶段.gim',
            projectName: '1128与数据中心数据贯通回归-变电站',
            projectCreateTime: '2022-11-28 14:23:39',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '420a8272-3249-4c16-9c0c-436b51f70c8e',
            fileId: '3d9016917c514f72a7f19396b415402c',
            fileName: '110kV郭店110kV变电站新建工程初步设计阶段三维评审报告.doc',
            documentLabel: '110kV郭店110kV变电站新建工程初步设计阶段三维评审报告.doc;熊熊经研院;施工图预算;1221-已完全放开-规下-架空线路;202212210202;1221-已完全放开-规下;2022122102;施工图阶段;南京供电公司;AC220kV;南京市;输电;图纸资料;施工图图档',
            fileType: 'doc',
            fileSize: '477008',
            uploadTime: '2022-12-22',
            filePath: '36a04f73-5d4a-4154-aa13-1af762f9bfe9/03/1/01/线路/技经图纸（Excel版和Pdf版）//110kV郭店110kV变电站新建工程初步设计阶段三维评审报告.doc',
            projectName: '1221-已完全放开-规下-架空线路',
            projectCreateTime: '2022-12-21 14:37:47',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'bca43d7d-7ca7-4045-9de5-959ca46b7f32',
            fileId: '4728a7acd3294a45864b8e83385e9f3c',
            fileName: '设计中标通知书.docx',
            documentLabel: '设计中标通知书.docx;熊熊经研院;可研报告;1227-框架评审-变电新建;202212270101;1227-框架评审;2022122701;可研阶段;南京供电公司;AC110kV;南京市;变电;支撑性材料;可研图档',
            fileType: 'docx',
            fileSize: '14287',
            uploadTime: '2022-12-27',
            filePath: 'ec3d6f81-2d6e-46fa-95e0-65c6e6ca24d0/04/01/可研报告//设计中标通知书.docx',
            projectName: '1227-框架评审-变电新建',
            projectCreateTime: '2022-12-27 10:39:51',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '7a19bdce-faf7-4294-9f34-1d88d091de87',
            fileId: '5169fc2563b0472cbb9a5c82630d1df9',
            fileName: '设计质量评分(江苏淮安涟水_振丰110千伏线路工程（架空）).xls',
            documentLabel: '设计质量评分(江苏淮安涟水_振丰110千伏线路工程（架空）).xls;熊熊经研院;可研估算;es验证--xx;202212090101;es验证;2022120901;可研阶段;南京供电公司;AC220kV;南京市;变电;支撑性材料;可研图档',
            fileType: 'xls',
            fileSize: '29184',
            uploadTime: '2022-12-09',
            filePath: '3b702249-3ccd-4560-b624-1a806e5d5b5c/02/01/变电新建/可研估算（Excel版和Pdf版）//设计质量评分(江苏淮安涟水_振丰110千伏线路工程（架空）).xls',
            projectName: 'es验证--xx',
            projectCreateTime: '2022-12-09 14:04:05',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '3000a4c8-a427-4e0f-8c93-89e6ec5cea4e',
            fileId: '7a9a983c79d440f3a4ee638f2e2e8387',
            fileName: '郑州的疫情啊初设评审计划模板.xls',
            documentLabel: '郑州的疫情啊初设评审计划模板.xls;熊熊经研院;可研估算;1227-框架评审-变电新建;202212270101;1227-框架评审;2022122701;可研阶段;南京供电公司;AC110kV;南京市;变电;支撑性材料;可研图档',
            fileType: 'xls',
            fileSize: '65024',
            uploadTime: '2022-12-27',
            filePath: 'f73d2771-a960-4fe8-ac6c-0c5e7c2b2a26/04/01/变电新建/估算书（Excel版和Pdf版）/郑州的疫情啊初设评审计划模板.xls',
            projectName: '1227-框架评审-变电新建',
            projectCreateTime: '2022-12-27 10:39:51',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '88f8a98e-07ba-4e65-862c-1507275f31da',
            fileId: '1ae89668-0e89-412e-89d1-38a90a29da28',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;图档经研院1;项目核准文件;1124-线路;202211240102;数据贯通-1124;2022112401;初设阶段;南京供电公司;AC330kV;南京市;输电',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-24 13:55:06',
            filePath: '/datacenter/workingDir//transferDir/2b0e082f-892e-4ab8-b2d8-804f42f9933e/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1124-线路',
            projectCreateTime: '2022-11-24 13:37:12',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '87b9b8a8-28b0-4f02-9550-b8935cee00ed',
            fileId: '550fde5b-edd4-4256-8cab-96bfe86935fb',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;图档经研院1;初设批复;1124-变电新建;202211240101;数据贯通-1124;2022112401;初设阶段;南京供电公司;AC330kV;南京市;变电',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-24 13:45:57',
            filePath: '/datacenter/workingDir//transferDir/3f901744-a7ba-4cdb-8e01-2df33b085845/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1124-变电新建',
            projectCreateTime: '2022-11-24 13:35:42',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'f17bba92-ecb2-4bb7-bd8f-453a01ec4e72',
            fileId: '1ec93d079f804751bb65a5151d6c28ee',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊设计院;线路电气图纸;1124-线路;202211240102;数据贯通-1124;2022112401;竣工图阶段;南京供电公司;AC330kV;南京市;输电;线路电气',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-24',
            filePath: '/datacenter/workingDir//transferDir/2b0e082f-892e-4ab8-b2d8-804f42f9933e/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1124-线路',
            projectCreateTime: '2022-11-24 13:37:12',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'f8092b71-2b1b-4072-83d0-60e03a1f3038',
            fileId: '6d8ff891b06b45be98dfb1b4d0c45be9',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;田笑;接地装置图;1201-架空线路;202212010102;1201-回归;2022120101;初设阶段;南京供电公司;AC220kV;南京市;输电;线路电气',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-01',
            filePath: '2ba96956-37c6-433a-96f2-b9e4f0e6a0ef/02/01/架空线路/线路电气图纸/接地装置图/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1201-架空线路',
            projectCreateTime: '2022-12-01 09:48:51',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'd9c50e0d-0217-4aca-a26c-714039e2c9ba',
            fileId: '78c8fd2cd67d488fb60abc71282c3c87',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊设计院;施工图预算;1130日常-架空线路;202211300202;1130日常;2022113002;施工图阶段;南京供电公司;AC220kV;南京市;输电',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-30',
            filePath: 'a67a6f6e-df91-4137-99fa-327dbc722d3b/03/1/03/线路/技经图纸（博微软件版）//[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1130日常-架空线路',
            projectCreateTime: '2022-11-30 13:19:44',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '0ef38bcb-673b-4a47-a01d-6bd50aedbc55',
            fileId: '9c3572d312554283a44167d96d542d87',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊设计院;线路结构图纸;1124-线路;202211240102;数据贯通-1124;2022112401;竣工图阶段;南京供电公司;AC330kV;南京市;输电;线路结构',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-24',
            filePath: '/datacenter/workingDir//transferDir/2b0e082f-892e-4ab8-b2d8-804f42f9933e/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1124-线路',
            projectCreateTime: '2022-11-24 13:37:12',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '147e519f-24ee-47f2-80a8-6c90c13586cb',
            fileId: 'db7dbfc4d47547999a9276cf6da11179',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;田笑;接地装置图;1130日常-架空线路;202211300202;1130日常;2022113002;初设阶段;南京供电公司;AC220kV;南京市;输电;线路电气',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-30',
            filePath: 'a67a6f6e-df91-4137-99fa-327dbc722d3b/02/01/架空线路/线路电气图纸/接地装置图/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1130日常-架空线路',
            projectCreateTime: '2022-11-30 13:19:44',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '3b0aa8f6-37c3-447d-8cbe-e8fd7755f23c',
            fileId: '2384a5668ecd47f7813cb71c4b33686b',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;田笑;接地装置图;1201-熊熊-架空线路;202212010202;1201-熊熊;2022120102;初设阶段;南京供电公司;AC220kV;南京市;输电;线路电气',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-01',
            filePath: 'd27092a8-6b7f-4fce-bdef-1788fa30ac99/02/01/架空线路/线路电气图纸/接地装置图/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1201-熊熊-架空线路',
            projectCreateTime: '2022-12-01 16:45:43',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'e2a44dd9-6d06-4fef-9c90-e3f101295ef1',
            fileId: '29fc0d2715704650a24d726800b27fbe',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;田笑;接地装置图;太讨厌了-架空线路;20221202010402;1202-太讨厌了;202212020104;初设阶段;南京供电公司;AC220kV;南京市;输电;线路电气',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-02',
            filePath: '1df02f2f-08c0-49de-9f5a-ca8909f3bcc0/02/01/架空线路/线路电气图纸/接地装置图/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '太讨厌了-架空线路',
            projectCreateTime: '2022-12-02 16:38:49',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '8b239450-fecf-4876-b958-47d29ee82531',
            fileId: '46ea0baf-044e-4d94-ab37-54e083d31939',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊省公司;施工图勘测报告;数据中心-线路;202211210103;数据中心数据贯通-1;2022112101;施工图阶段;南京供电公司;AC330kV;南京市;输电',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-22 15:02:12',
            filePath: '/datacenter/workingDir//transferDir/3cc49c08-88f4-4941-9a5d-73b5447a4547/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '数据中心-线路',
            projectCreateTime: '2022-11-22 10:02:24',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '5c7107e1-48aa-4eeb-a2ce-1654226f9f3e',
            fileId: 'f65d01ad66904fdcac91a117ce088728',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;田笑;接地装置图;1202-日常回归-架空线路;202212020102;1202-日常回归;2022120201;初设阶段;南京供电公司;AC220kV;南京市;输电;线路电气',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-02',
            filePath: 'a55b4fda-fbaa-42d4-9909-7438dac0390e/02/01/架空线路/线路电气图纸/接地装置图/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1202-日常回归-架空线路',
            projectCreateTime: '2022-12-02 10:10:51',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'ad505bf5-f00b-4c3e-8a41-03330d9a168f',
            fileId: '3fb3a366fb104a59ae3d0d4838543755',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊经研院;初步设计报告;规下项目-变电改造;20221205030107;1205-规下项目;202212050301;初设阶段;南京供电公司;AC220kV;南京市;变电;图纸资料;初设图档',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-06',
            filePath: '842f5e12-50d0-490a-82bd-ab91b4268314/02/03/变电改造/总体部分/说明书/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '规下项目-变电改造',
            projectCreateTime: '2022-12-05 17:43:20',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '08343776-8429-44a7-b4cc-e97355b5248c',
            fileId: 'b791ea19734a42bcae2f244b99fc6d2c',
            fileName: '【2022】25--关于召开徐州二庙～陇邳110kV线路工程等项目初步设计评审会议的通知.doc',
            documentLabel: '【2022】25--关于召开徐州二庙～陇邳110kV线路工程等项目初步设计评审会议的通知.doc;熊熊经研院;可研报告;es验证--xx;202212090101;es验证;2022120901;可研阶段;南京供电公司;AC220kV;南京市;变电;支撑性材料;可研图档',
            fileType: 'doc',
            fileSize: '92702',
            uploadTime: '2022-12-09',
            filePath: 'd8f7a5dc-86c9-4866-8a08-ca6f7923d81c/02/01/可研报告//【2022】25--关于召开徐州二庙～陇邳110kV线路工程等项目初步设计评审会议的通知.doc',
            projectName: 'es验证--xx',
            projectCreateTime: '2022-12-09 14:04:05',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '4280cd2c-4695-4cb7-b88f-1380838a6c95',
            fileId: 'c1b49f7b29a64a36a4ad97fb5cded50c',
            fileName: '（变电扩建工程）都山220千伏变电站110千伏间隔扩建工程物资设备材料清册.xls',
            documentLabel: '（变电扩建工程）都山220千伏变电站110千伏间隔扩建工程物资设备材料清册.xls;熊熊经研院;初设批复概算;es验证--xx;202212090101;es验证;2022120901;初设阶段;南京供电公司;AC220kV;南京市;变电;支撑性材料;初设图档',
            fileType: 'xls',
            fileSize: '47104',
            uploadTime: '2022-12-09',
            filePath: '3b702249-3ccd-4560-b624-1a806e5d5b5c/02/01/变电新建/初设概算/Excel版和Pdf版//（变电扩建工程）都山220千伏变电站110千伏间隔扩建工程物资设备材料清册.xls',
            projectName: 'es验证--xx',
            projectCreateTime: '2022-12-09 14:04:05',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '33c4872b-4c65-40b5-ae25-f6043f5f0948',
            fileId: 'af40a9594a454dce986f69efc8f78eb1',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊经研院;施工图预算;0112-12-3;202301120403;0112-12;2023011204;施工图阶段;南京供电公司;AC500kV;南京市;输电;图纸资料;施工图图档',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2023-01-13',
            filePath: 'f4f6fa40-48db-4a47-8d5b-2c130f8cc71a/03/1/01/线路/技经图纸（博微软件版）/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '0112-12-3',
            projectCreateTime: '2023-01-12 14:34:51',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'cb795ccc-6ed9-4447-b25c-bf847653ee7f',
            fileId: '33ed1043-da0b-4745-8cbe-ebaa671ca1cb',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊建管单位;初设评审意见;1128与数据中心数据贯通回归-变电站;202211280101;1128与数据中心数据贯通回归;2022112801;初设阶段;南京供电公司;AC220kV;南京市;变电',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-28 15:45:06',
            filePath: '/datacenter/workingDir//transferDir/f09ea528-ac25-4c02-a4e7-1030768b4c56/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1128与数据中心数据贯通回归-变电站',
            projectCreateTime: '2022-11-28 14:23:39',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'c5c2111e-903c-4aa7-a122-0c0e36239bc3',
            fileId: 'debccc9ed3744b6780a184ec144aa7ad',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊建管单位;通信图纸;1128与数据中心数据贯通回归-变电站;202211280101;1128与数据中心数据贯通回归;2022112801;竣工图阶段;南京供电公司;AC220kV;南京市;变电',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-11-29',
            filePath: '/datacenter/workingDir//transferDir/f09ea528-ac25-4c02-a4e7-1030768b4c56/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1128与数据中心数据贯通回归-变电站',
            projectCreateTime: '2022-11-28 14:23:39',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '8aede45c-c44d-44f6-aa88-fe969fd44d0d',
            fileId: '39cd39c00a84461786cab419ab8c0e56',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊经研院;可研估算;规下项目-电缆线路;20221205030105;1205-规下项目;202212050301;可研阶段;南京供电公司;AC220kV;南京市;输电;支撑性材料;可研图档',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-06',
            filePath: '30b67187-4623-48e0-9ea0-34dffa9efff9/02/03/电缆线路/可研估算（Excel版和Pdf版）/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '规下项目-电缆线路',
            projectCreateTime: '2022-12-05 17:41:55',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'd5d92c1b-c09a-442a-9580-5b2401c0c8a6',
            fileId: 'f0d1038b337243eb944f37f79d1b7402',
            fileName: '（电缆线路工程）宋渎_凌霞π入都山变电站110千伏线路工程（电缆）物资设备材料清册.xls',
            documentLabel: '（电缆线路工程）宋渎_凌霞π入都山变电站110千伏线路工程（电缆）物资设备材料清册.xls;熊熊经研院;初设批复概算;es验证--xx;202212090101;es验证;2022120901;初设阶段;南京供电公司;AC220kV;南京市;变电;支撑性材料;初设图档',
            fileType: 'xls',
            fileSize: '49152',
            uploadTime: '2022-12-09',
            filePath: '3b702249-3ccd-4560-b624-1a806e5d5b5c/02/01/变电新建/初设概算/博微软件版//（电缆线路工程）宋渎_凌霞π入都山变电站110千伏线路工程（电缆）物资设备材料清册.xls',
            projectName: 'es验证--xx',
            projectCreateTime: '2022-12-09 14:04:05',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '6bd2e86a-b9ee-4e28-a2bd-d9c676e64714',
            fileId: 'cb9266efbc164ef481da4dc8bb1a2db9',
            fileName: '（架空线路工程）宋渎_凌霞π入都山变电站110千伏线路工程（架空）物资设备材料清册.xls',
            documentLabel: '（架空线路工程）宋渎_凌霞π入都山变电站110千伏线路工程（架空）物资设备材料清册.xls;熊熊经研院;系统一次图纸;es验证--xx;202212090101;es验证;2022120901;初设阶段;南京供电公司;AC220kV;南京市;变电;图纸资料;初设图档',
            fileType: 'xls',
            fileSize: '49152',
            uploadTime: '2022-12-09',
            filePath: '3b702249-3ccd-4560-b624-1a806e5d5b5c/02/01/变电新建/系统一次图纸//（架空线路工程）宋渎_凌霞π入都山变电站110千伏线路工程（架空）物资设备材料清册.xls',
            projectName: 'es验证--xx',
            projectCreateTime: '2022-12-09 14:04:05',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '83c86c09-b38f-4ab1-a3f0-9b384656ef68',
            fileId: '2cc51218a47048b2a820d6417b611c51',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊经研院;初步设计报告;1210-上生产-回归-变电改造;202212100103;1210-上生产-回归;2022121001;初设阶段;南京供电公司;AC220kV;南京市;变电;图纸资料;初设图档',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-10',
            filePath: '0c6e1fa0-448d-4f33-b03d-6872cb7f5e34/02/01/变电改造/总体部分/说明书/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1210-上生产-回归-变电改造',
            projectCreateTime: '2022-12-10 11:17:39',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '0c9dd5d4-5150-4372-b717-07863854f0d5',
            fileId: '303f6030443a4581b0921e1ec3dccc32',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊经研院;可研估算;1210-上生产-回归-电缆线路;202212100106;1210-上生产-回归;2022121001;可研阶段;南京供电公司;AC220kV;南京市;输电;支撑性材料;可研图档',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-10',
            filePath: '6378ae90-9e2b-49c1-afb0-bf28839b9048/02/01/电缆线路/可研估算（Excel版和Pdf版）/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1210-上生产-回归-电缆线路',
            projectCreateTime: '2022-12-10 11:19:08',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: '77c7b0ff-d479-4fb3-94ba-943c34325f53',
            fileId: '8392140a5a8a4f969feb056e050e7d3b',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊经研院;可研估算;1215-xx测试-电缆线路;202212150103;1215-xx测试;2022121501;可研阶段;南京供电公司;AC220kV;南京市;输电;支撑性材料;可研图档',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-16',
            filePath: '2a381767-b588-4c21-b408-74dd83bbefb9/02/01/电缆线路/可研估算（Excel版和Pdf版）/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '1215-xx测试-电缆线路',
            projectCreateTime: '2022-12-15 15:19:31',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        },
        {
            id: 'f3f95230-23a9-4308-befd-a23cbd0bcd7d',
            fileId: 'aeb394f1571b487d9f53ebc0c6629866',
            fileName: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            documentLabel: '[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf;熊熊经研院;可研估算;撵羊规上-电缆线路;202212190203;1229-撵羊规上;2022121902;可研阶段;南京供电公司;AC330kV;南京市;输电;支撑性材料;可研图档',
            fileType: 'pdf',
            fileSize: '392338',
            uploadTime: '2022-12-19',
            filePath: '15b37194-9cbc-4c83-b8a8-0fd13ac4fbaa/02/01/电缆线路/可研估算（Excel版和Pdf版）/[B2019.026C.1-A-03]2018年福建地区110kV及以上电网地理接线示意图.pdf',
            projectName: '撵羊规上-电缆线路',
            projectCreateTime: '2022-12-19 14:44:07',
            sort: null,
            iconStarOff: 'el-icon-star-off',
            src: '',
            keyList: [
                '南京',
                '110kV'
            ]
        }
    ]
    console.log('打印的内容', res)
    page.value.total = res.length
    let proList = res
    // let mid = [], mid1 = []//已收藏的放前面
    proList.forEach(val => {
        let obj = {
            pdf,
            PDF: pdf,
            word,
            doc,
            docx,
            xls: excel,
            xlsx: excel,
            rar,
            gim,
            tif,
            zip,
            ceb,
            ofd,
            zwzj
        }
        let ar = val.fileName.split('.')
        let ftype
        if (ar && ar.length > 0){
            ftype = ar[ar.length - 1]
        }
        let CollectsArr = findMyCollectsArr.value.filter(itm => {
            return itm.id == val.fileId
        })
        if (CollectsArr && CollectsArr.length > 0){
            val.iconStarOff = 'el-icon-star-on'
            // mid.push(val)
        } else {
            val.iconStarOff = 'el-icon-star-off'
            // mid1.push(val)
        }
        val.src = obj[val.fileType || ftype] || tongyong
        val.keyList = keys
    })
    proList.value = proList
}
const checkSearch = (item, list, index) => {//固定的索引
    // console.log('点击item', item)
    // console.log('点击list', list)
    // console.log('点击index', index)
    debugger
    // 动态索引显示与隐藏
    checklabel.value = item.label
    let fIndex = activeArr.value && activeArr.value.length > 0 ? activeArr.value.findIndex(i => i.index === index) : '-1'
    if (fIndex >= 0){
        activeArr.value.splice(fIndex, 1)
    }
    if (item.label !== '不限'){
        activeArr.value.push({
            index: index,
            label: item.label
        })
    }
    // if (item.label == '不限'){
    list.forEach(val =>{
        val.active = false
    })
    item.active = true
    searchChange()
}
const checkSearch1 = (item, list, index) => {//动态的索引
    let fIndex = activeArr.value && activeArr.value.length > 0 ? activeArr.value.findIndex(i => i.index === index) : '-1'
    if (fIndex >= 0){
        activeArr.value.splice(fIndex, 1)
    }
    if (item.label !== '不限'){
        activeArr.value.push({
            index: index,
            label: item.label
        })
    }
    // if (item.label == '不限'){
    list.forEach(val =>{
        val.active = false
    })
    item.active = true
    searchChange()
}
</script>
<style lang="less" scoped>
.no-wrap{
    height: 100%;
    background: #e9e9e9;
    .conts-warp{
        width: 100%;
        max-width: 1980px;
        margin: 0 auto;
        height: 100%;
        margin: 0 auto;
        // padding-top: 10px;
        background: #fff;
        display: flex;
        flex-direction: column;
        :deep(.search-but){
            background-color: rgba(30, 132, 131, 0.8);
            color: #fff;
        }
        .top{
            padding: 10px 20px 5px;
            flex-shrink: 0;
            .btn-w{
                text-align: right;
            }
            .top-float{
                position: absolute;
                cursor: pointer;
                right: 22px;
                top: 106px;
                z-index: 2;
            }
            :deep(.search-in){
                width: 50%;
                border: 1px solid #1E8483;
                border-radius: 4px;
                display: flex;
                align-items: baseline;
                // padding-right: 49px;
            }
        }
        .bot{
            flex-grow: 1;
            display: flex;
            overflow: auto;
        }
        .right{
            flex-grow: 1;
            width: 840px;
            height: 100%;
            padding: 0 10px;
            display: flex;
            flex-direction: column;
            .pro-w{
                flex-grow: 1;
                overflow: auto;
                display: flex;
                flex-wrap: wrap;
            }
            .pro-i{
                margin: 0 1.5% 20px 0;
                width: 15%;
                height: 310px;
                border: 1px solid #dbdbdb;
                border-radius: 4px;
                display: flex;
                flex-direction: column;
                background-color: #F2F2F2;
                .img-w{
                    text-align: center;
                    width: 100%;
                    height: 130px;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    background-color: #fff;
                }
                img{
                    height: 70px;
                    width: auto;
                    max-width: 100%;
                }
                .pro-button{
                    display: flex;
                    justify-content: center;
                    button{
                        width: 50%;
                    }
                }
            }
            .pro-tit{
                line-height: 30px;
                padding: 0 0 0 10px;
                font-weight: bold;
                font-size: 18px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .pro-key{
                color: red;
                padding: 0 10px;
                font-size: 16px;
                margin-bottom: 10px;
                span{
                    margin-right: 10px;
                }
            }
            .pro-cont{
                padding: 0 10px;
                font-size: 14px;
                line-height: 30px;
                display: flex;
                .label{
                    color: #666;
                    flex-shrink: 0;
                    margin-right: 10px;
                }

                .value{
                    color: #333;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
        }
    }
}
.search-list{
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}
.search_list_dongtai {
    margin-top: -10px;
    margin-left:113px;
    .label_1{
            font-weight: 800;
    }
}
.toogle{
    width: 13px;
    height: 14px;
    background: url(./image/展开.png) no-repeat 0 0 /cover;
    margin:0 auto;
    position: absolute;
    left: 840px;
    top:8px;
    cursor: pointer;
    &.active{
        background: url(./image/收起.png) no-repeat 0 0 /cover;
    }
}
.search-li{
    margin-bottom: 5px;
    display: flex;
    line-height: 26px;
    font-size: 14px;
    // border: 1px solid #D4D4D4;
}
.search-li .label{
    width: 94px;
    text-align: left;
    font-weight: bold;
    margin-right: 20px;
    flex-shrink: 0;
    background: #F2F2F2;
    padding: 0 12px;
}
.search-li .search-l-wrap{
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.search-l-wrap .search-l{
    margin-right: 15px;
    cursor: pointer;
    &.active{
        color: #1E8483;
    }
}
.search-l-wrap .search-l.active{
    color: #1E8483;
    font-weight: bold;
}
.el-icon-chat-dot-square{
    cursor: pointer;
    &:hover{
        opacity: .9;
    }
}
.big-img-wrap{
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top:0;
    z-index: 1003;
    overflow: hidden;
    .dark-bk{
        height: 100%;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, .5);
    }
    img{
        width: 60vw;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        user-select: none;
    }
    .icon-wrap{
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 15vh;
        width: 150px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .el-icon-circle-plus,.el-icon-remove{
        font-size: 50px;
        cursor: pointer;
        opacity: .3;
        &:hover{
            opacity: .5;
        }
    }
    .el-icon-error{
        position: fixed;
        font-size: 40px;
        right: 80px;
        top:80px;
        cursor: pointer;
        opacity: .5;
        &:hover{
            opacity: .7;
        }
    }
}
:deep(.el-input-group__append){
    border: none;
}
</style>